<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
	<title><spring:message code="YYK-title-10001" /></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	
	<script type="text/javascript">
	;(function (doc, win) {
	    var docEl = doc.documentElement,
	      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	      recalc = function () {
	        var clientWidth = docEl.clientWidth;
	        var clientHeight = docEl.clientHeight;
	        if (!clientWidth) return;
	        if (clientWidth < clientHeight) {
	            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
	        }else{
	          docEl.style.fontSize = 50 * (clientWidth / 1136) + 'px';
	        }
	      };
	      recalc();
	    if (!doc.addEventListener) return;
	    win.addEventListener(resizeEvt, recalc, false);
	    doc.addEventListener('DOMContentLoaded', recalc, false);   
	})(document, window);
	</script>
	
	<link rel="stylesheet" href="${static_server}/static/css/common/zepto.alert.css">
	<link rel="stylesheet" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	
	<script type="text/javascript" src="${static_server}/static/js/common/base.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/zepto.alert.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/merchandise/merchandiseDetail.js"></script>
</head>
<body>
  <div class="wrap" onload="loaded()">
	<header class="headerToFixed">
		<div class="closeBtn" onclick="javascript:goBack();">
		   <i class="icon iconfont">&#xe60a;</i>
		</div>
		<div class="headerTitle">
			<spring:message code="YYK-title-10001" />
		</div>
	</header>
	<div class="mt1s8 contentWrap">
	<div id="wrapper" class="tops8 bottoms05" style="height:8rem; overflow-y:auto;">
	<div  id="scroller">
		<div class="productDetailBox item" data="${merchandise.merchandiseNumber}_${merchandise.shopId}_${merchandise.merchandiseBarcode}">
			<div class="imgBox">

				<img src="${static_server}${merchandise.merchandiseIcon}"  alt="">
			</div>
			<div class="detailTitle">
				<p>${merchandise.merchandiseNameCn}</p>
				${merchandise.merchandiseSpec}
			</div>
			<div class="detailSubTitle">
				<p class="storePrice"><spring:message code="YYK-20001" />
					<span class="redFont"><fmt:formatNumber value="${merchandise.merchandisePrice}" pattern="€0.00#" /></span>
				</p>
				<p class="insidePrice"><spring:message code="YYK-20002" />
				<span><fmt:formatNumber value="${merchandise.merchandiseDomesticPrice}" pattern="￥#" /></span></p>
			</div>
			<div class="detailIntroduce">
				${merchandise.merchandiseDesc}
			</div>
		</div>
		</div>
		</div>
	</div>
	<footer class="footerToFixed">
		<div class="footerMenu">
			<ul>
				<li class="addcart" onclick="javascript:addCart();"><spring:message code="YYK-20003" /></li>
				<li>
					<a href="${server}/shop/find/${merchandise.shopId}"><spring:message code="YYK-20004" /></a>
				</li>
			</ul>
		</div>
	</footer>
</div>

<input type="hidden" id="path" value="${server}"/>

</body>
<script type="text/javascript" src="${static_server}/static/js/iscroll.js"></script>
<script type="text/javascript">

	var myScroll;
	function loaded () {
		myScroll = new IScroll("#wrapper")
	}
	document.addEventListener('DOMContentLoaded',loaded, false); 
	
</script>
</html>	